$(function(){
			$('.list-top li').hover(function(){
				$(".list-top li a").eq($(this).index()).css("background","#c81623")
				$(".list-top li span").eq($(this).index()).css({"display":"block"}).animate({left:"-60px"},400)				
			},function(){
				$(".list-top li a").eq($(this).index()).css("background","#7a6e6e")
				$(".list-top li span").eq($(this).index()).css({"display":"none","left":"0"}).animate({left:"0px"},400)				
			})

			$('.list-top li').on("click",function(){
				if($("#box").width()==0){
				$(".list-top li a").eq($(this).index()).css("background","#c81623")				
				$("#box").animate({width:"270px"},500)
				}
				$('.list-top li').eq($(this).index()).on("click",function(){
					if($("#box").width()==270){
					$("#box").animate({width:"0px"},500)
					}
				})
			})
					
		})